<template lang="">
    <div>
        <input type="text" v-model='name'>
        <button @click='send'>发送</button>
    </div>
</template>
<script>
// import io from 'socket.io-client'
export default {
    data(){
        return{
            name:''
        }
    },
    // sockets:{
    //         connect: function(){
    //             console.log('socket connected')
    //         },
    //         message: function(val){
    //             console.log('返回:'+val)
    //         }
    //     },

    methods: {
        send(){
            console.log('1111111');
            // this.$socket.emit('message','1111111111');
        },
    // },
        

        initWebSocket() {
            var socket = new WebSocket("ws:127.0.0.1:8000/connect");
    
            socket.onopen = function () {
                console.log('WebSocket open');//成功连接上Websocket
            };
            socket.onmessage = function (e) {
                alert('消息提醒: ' + e.data);//打印服务端返回的数据
            };
            socket.onclose=function(e){
                console.log(e);
                socket.close(); //关闭TCP连接
            };

    
           
            // const socket = io('ws://127.0.0.1:5000',
            // {
            // path: 'connect',
            // transports:['websocket','xhr-polling','jsonp-polling']
            // })
            // console.log(socket)
            // socket.on("connect", (res) => {
            //     console.log("#connect: ", res);
            // });
            // socket.on("message", (res) => {
            //     console.log("#message: ", res);
            // });
            // socket.on('disconnect', () => {
            //     console.log('断开连接')
            // })
        // }
            },
    // sockets:{

    //     connect: function(){

    //         console.log('socket connected')

    //     },

    //     message: function(val){

    //         console.log('返回:'+val)

    //     },
    },
    mounted() {
        this.initWebSocket()
        // io('http://127.0.0.1:5000').on('hi', (res) => {
        //     console.log('socket.io-client', res)
        // })
    },
}
</script>
<style lang="">
    
</style>